<template>
	<view class="openShop">
		<view class="openShop_bg">
			<image src="../../../static/images/openShop_bg.png" class="openShop_bgImg" mode="scaleToFill" lazy-load="true"></image>
			<view class="AD">
				<image src="../../../static/images/openShop_log_03.png" lazy-load="true"></image>
				<text>掌邦科技</text>
				<text>www.zanboon.com</text>
			</view>
		</view>
		<view class="openShop_steps">
			<image src="../../../static/images/openShop_steps_03.png" lazy-load="true"></image>
			<navigator url="openShopSteps/openShopSteps" hover-class="none">
				<view class="openShop_steps_button">
					<button>开店步骤</button>
					<button></button>
				</view>
			</navigator>
		</view>
		<view class="openShop_welfare">
			<image src="../../../static/images/openShop_02.png" mode="widthFix" lazy-load="true"></image>
			<image src="../../../static/images/openShop_01_03.png" mode="widthFix" lazy-load="true"></image>
		</view>
		<view class="openShop_member">
			<navigator url="./ShopRegistration/ShopRegistration" hover-class="none">
				<view class="openShop_register">
					<button>注册</button>
					<button></button>
				</view>
			</navigator>
			<navigator url="./ShopLogin/ShopLogin" hover-class="none">
				<view class="openShop_login">
					<button>登录</button>
					<button></button>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				AccessToken:""
			}
		},
		methods: {
			//统计数据
			statistical(){
				uni.request({
					url:this.$store.state.URL+"/user/user/mini_program_statistical_data",
					data:{
						token:this.$store.state.token,
						page_type:"open_shop_publicity"
					},
					success(res) {
						console.log(res);
					}
				})
			},
		},
		onLoad() {
			this.statistical();
		}
	}
</script>

<style>
	/* page{
		background:#e25f44;
	} */
  .openShop_bg .openShop_bgImg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:185%;
	z-index: -1;
  }
  .AD{
	  text-align: center;
  }
  .AD image{
	  width:54upx;
	  height:50upx;
	  margin-top:36upx;
  }
  .AD text:nth-of-type(1){
	  font-size:20upx;
	  color: #fff;
	  display: block;
	   font-weight: bold;
  }
  .AD text:nth-of-type(2){
  	  font-size:18upx;
  	  color: #fff;
	  display: block;
	  font-weight: bold;
  }
  .openShop_welfare{
	  margin-top:10upx;
	  text-align: center;
	  position: relative;
  }
  .openShop_welfare image:nth-of-type(2){
  	  width:96upx;
  	  height:114upx;
  	  position: absolute;
	  top:228upx;
	  left:51upx;
	  z-index: -1;
  }
  .openShop_welfare image:nth-of-type(1){
	  width:100%;
	  height:100%;
  }
  .openShop_steps{
	  text-align: center;
	  margin-top:32upx;
  }
  .openShop_steps_button{
	  position: relative;
	  left:0upx;
	  top:-155upx;
  }
  .openShop_steps image{
	  width:669upx;
	  height:453upx;
  }
  .openShop_steps button:nth-of-type(1){
	  width:25%;
	  height:54upx;
	  font-size: 24upx;
	  color:#fff;
	  border-radius: 24upx;
	  background:#e66e33;
  }
  .openShop_steps button:nth-of-type(2){
  	  width:25%;
  	  height:54upx;
  	  font-size: 24upx;
  	  color:#fff;
  	  border-radius: 24upx;
  	  background:#fff;
	  position: relative;
	  left:4upx;
	  top:-52upx;
	  z-index: -1;
  }
  .openShop_member{
	  margin-top:42upx;
	  text-align: center;
	 /* background:#e25f44; */
	  z-index: 1;
  }
  .openShop_member navigator{
	  display: inline-block;
	  margin:0 30upx;
  }
  .openShop_register button:nth-of-type(1){
	  width:252upx;
	  height:82upx;
	  font-size: 24upx;
	  color:#e66e33;
	  border-radius: 24upx;
	  background:#f7ca87;
	  line-height: 82upx;
	  font-size: 36upx;
	  border-radius: 41upx;
  }
  .openShop_register button:nth-of-type(2){
  	  width:252upx;
  	  height:82upx;
  	  font-size: 24upx;
  	  border-radius: 24upx;
  	  background:#FFFFFF;
  	  line-height: 82upx;
	  position: relative;
	  left:4upx;
	  top:-78upx;
	  z-index: -1;
	  border-radius: 41upx;
  }
  .openShop_login button:nth-of-type(1){
  	  width:252upx;
  	  height:82upx;
  	  font-size: 24upx;
  	  color:#e67036;
  	  border-radius: 24upx;
  	  background:#f1ab89;
  	  line-height: 82upx;
  	  font-size: 36upx;
	  border-radius: 41upx;
  }
  .openShop_login button:nth-of-type(2){
  	  width:252upx;
  	  height:82upx;
  	  font-size: 24upx;
  	  border-radius: 24upx;
  	  background:#FFFFFF;
  	  line-height: 82upx;
  	  position: relative;
  	  left:4upx;
  	  top:-78upx;
  	  z-index: -1;
	  border-radius: 41upx;
  }
</style>
